<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
           Detalhes do Usuário
        </ui:define>

        <ui:define name="content">
            <div class="actions">
            <div id="buttons">
            <p:button value="Pesquisar" outcome="pesquisarUsuario.xhtml"
                            icon="ui-icon-pencil"
                            styleClass="ui-priority-primary">
                        <f:param value="#{ managerPesquisarUsuario.usuarioVisualizar.id }" name="usuarioId"/>
                    </p:button>
                
                    
                    <p:button value="Excluir" outcome="pesquisarUsuario.xhtml"
                            icon="ui-icon-trash"
                            styleClass="botao_deletar">
                        <f:param value="#{ managerPesquisarUsuario.usuarioVisualizar.id }" name="usuarioId"/>
                        </p:button>
                                </div>
                            </div>
        
            <p:fieldset legend="Dados do Usuário">

                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Nome:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.nome }" />
                    </div>

                    <div class="column1 bold">
                        <p:outputLabel value="Cargo:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.cargo }" />
                    </div>
                </div>
                
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="CPF:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarPessoa.adicionarMascaraCPF(managerPesquisarUsuario.usuarioVisualizar.cpf)  }" />
                    </div>

                    <div class="column1 bold">
                        <p:outputLabel value="RG:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.rg  }" />
                    </div>
                </div>
                
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Sexo:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.sexo.nome }" />
                    </div>
                    
                    <div class="column1 bold">
                        <p:outputLabel value="Email:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.email }" />
                    </div>                    
                </div>
                
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Tipo do Telefone:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.telefone.tipoTelefone.nome }"/>
                    </div>                    

                    <div class="column1 bold">
                        <p:outputLabel value="DDD:" />
                    </div>
                    <div class="column1 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.telefone.ddd }" />
                    </div>

                    <div class="column3 bold">
                        <p:outputLabel value="Número:" />
                    </div>
                    <div class="column2 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.telefone.numero }" />
                    </div>
                </div>

            </p:fieldset>
            
            <p:fieldset legend="Dados de Acesso">
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Login:" />
                    </div>
                    <div class="column2 text">
                        <p:outputLabel value="#{ managerPesquisarUsuario.usuarioVisualizar.login }" />
                    </div>
                </div>
            </p:fieldset>

            <p:fieldset legend="Permissões">
                <p:dataTable id="gruposDataTable" value="#{ managerPesquisarUsuario.usuarioVisualizar.grupos }" var="grupo"
                        rows="10" paginator="true" paginatorPosition="bottom"
                        emptyMessage="Nenhum grupo adicionado.">

                    <p:column headerText="Descrição" width="50%">
                        <h:outputText value="#{ grupo.descricao }" />
                    </p:column>
                </p:dataTable>
            </p:fieldset>
        </ui:define>
    </ui:composition>
    
</html>